<template>
<div class="page-container page-container-detail-page" >
	<div class="toolbar page-container-detail ">
       <!-- 查看成长值规则弹框 -->
      <div slot="title" class="header-title">
        <span>{{ titleTips }}</span>
      </div>
      <el-form ref="growthRuleForm" :rules="growthRuleForms" :model="growthRuleForm">
        <el-form-item
          label="获取方式："
          prop="ruleType"
          class="w326 mb20 iconAlignment"
          label-width="92px"
          required
        >
          <el-input
            v-model="growthRuleForm.ruleType"
            maxlength="20"
            :size="size"
            :disabled="editDis"
            clearable
            class="width326"
          ></el-input>
        </el-form-item>
        <el-form-item label="规则名称：" prop="ruleName">
          <el-input
            v-model="growthRuleForm.ruleName"
            maxlength="20"
            :size="size"
            style="width: 300px"
            placeholder="输入规则名称"
            :disabled="detailDis"
            clearable
            class="width326"
          ></el-input>
        </el-form-item>
      </el-form>
      <el-form
        ref="growthRuleForm"
        :rules="growthRuleForms"
        label-width="80px"
        :model="growthRuleForm"
        class="mb120"
      >
        
        <el-row v-if="this.growthRuleForm.obtainMode == 1">
          <el-form>
            <el-radio-group v-model="orderRadio">
              <el-form-item required>
                <el-radio label="3" :disabled="checkRadioDis" class="mr60 mb20 color333">每消费赠送</el-radio>
                <el-radio label="6" :disabled="checkRadioDis" class="mb20 color333">阶梯消费赠送</el-radio>
                <el-form-item
                  class="everyCostHandleSel mb30"
                  v-if="this.orderRadio == 3"
                  prop="consumeMoney"
                >
                  <div class="w90">
                    <span style="color:red">*</span>
                    <span class="labelText color333">每消费：</span>
                  </div>
                  <el-input
                    placeholder="请输入"
                    v-model="growthRuleForm.consumeMoney"
                    maxlength="5"
                    :disabled="detailDis"
                    class="w326"
                  ></el-input>
                  <span class="labelText">&nbsp;元，赠送</span>
                  <el-input
                    placeholder="请输入"
                    v-model="growthRuleForm.giveGrowthVal"
                    maxlength="5"
                    :disabled="detailDis"
                    class="w326"
                  ></el-input>
                  <span class="labelText">成长值</span>
                </el-form-item>
              </el-form-item>
              <el-form-item required>
                <el-form-item
                  class="everyCostHandleSel"
                  v-if="this.orderRadio == 6"
                  prop="orderHandleSel"
                >
                  <div
                    v-for="(item,index) in growthRuleForm.orderHandleSel"
                    :key="index"
                    class="mb20"
                  >
                    <div class="w90">
                      <span style="color:red">*</span>
                      <span class="labelText color333">消费：</span>
                    </div>
                    <el-input
                      placeholder="请输入"
                      v-model="growthRuleForm.orderHandleSel[index].consumeMoney"
                      maxlength="5"
                      :disabled="detailDis"
                      class="w326"
                      clearable
                    ></el-input>
                    <span class="labelText color333">元，赠送</span>
                    <el-input
                      placeholder="请输入"
                      v-model="growthRuleForm.orderHandleSel[index].giveGrowthVal"
                      maxlength="5"
                      :disabled="detailDis"
                      class="w326"
                      clearable
                    ></el-input>
                    <span class="labelText color333">成长值</span>
                  </div>
                </el-form-item>
              </el-form-item>
            </el-radio-group>

            <el-form-item required>
              <el-form-item class="everyCostHandleSel w326" prop="giveGrowthMaxNum">
                <span class="labelText w90 color333">每日上限：</span>
                <el-input
                  placeholder="输入数字"
                  v-model="growthRuleForm.giveGrowthMaxNum"
                  :disabled="detailDis"
                  class="width326"
                ></el-input>
                <span class="labelText color333">成长值</span>
              </el-form-item>
            </el-form-item>
          </el-form>
        </el-row>
        <el-row v-if="this.growthRuleForm.obtainMode == 2">
          <el-form-item label="新用户注册发放：" label-width="140px" prop="giveGrowthVal">
            <el-input
              placeholder="输入数字"
              v-model="growthRuleForm.giveGrowthVal"
              class="w326"
              @input="growthRuleForms.giveGrowthVal=growthRuleForms.giveGrowthVal.replace(/[^\d.]/g,'')"
              maxlength="5"
              :disabled="detailDis"
              clearable
            ></el-input>
            <span class="labelText">成长值</span>
          </el-form-item>
        </el-row>
        <el-row v-if="this.growthRuleForm.obtainMode == 3">
          <el-form>
            <el-checkbox-group v-model="whetherPicList">
              <el-form-item required>
                <el-row class="mb20">
                  <el-checkbox label="带图" :disabled="checkRadioDis"></el-checkbox>
                </el-row>
                <el-form-item class="everyCostHandleSel mb20" prop="appGiveGrowthVal">
                  <span style="color:red">*</span>
                  <span class="labelText">完成评价赠送：</span>
                  <el-input
                    placeholder="输入数字"
                    v-model="growthRuleForm.appGiveGrowthVal"
                    maxlength="5"
                    :disabled="detailDis"
                    class="w326"
                  ></el-input>
                  <span class="labelText">成长值</span>
                </el-form-item>
              </el-form-item>
              <el-form-item required>
                <el-form-item class="everyCostHandleSel mb20 w326" prop="appGiveGrowthMaxNum">
                  <span class="labelText w92">每日上限：</span>
                  <el-input
                    placeholder="输入数字"
                    v-model="growthRuleForm.appGiveGrowthMaxNum"
                    maxlength="5"
                    :disabled="detailDis"
                    class="width326"
                  ></el-input>
                  <span class="labelText">成长值</span>
                </el-form-item>
              </el-form-item>

              <el-form-item required>
                <el-row class="mb20">
                  <el-checkbox label="不带图" :disabled="checkRadioDis"></el-checkbox>
                </el-row>
                <el-form-item class="everyCostHandleSel mb20" prop="appGiveGrowthVals">
                  <span style="color:red">*</span>
                  <span class="labelText">完成评价赠送：</span>
                  <el-input
                    placeholder="输入数字"
                    v-model="growthRuleForm.appGiveGrowthVals"
                    maxlength="5"
                    :disabled="detailDis"
                    class="w326"
                  ></el-input>
                  <span class="labelText">成长值</span>
                </el-form-item>
              </el-form-item>
              <el-form-item required>
                <el-form-item class="everyCostHandleSel w326" prop="appGiveGrowthMaxNums">
                  <span class="labelText w92">每日上限：</span>
                  <el-input
                    placeholder="输入数字"
                    v-model="growthRuleForm.appGiveGrowthMaxNums"
                    maxlength="5"
                    :disabled="detailDis"
                    class="width326"
                  ></el-input>
                  <span class="labelText">成长值</span>
                </el-form-item>
              </el-form-item>
            </el-checkbox-group>
          </el-form>
        </el-row>
        <el-row v-if="this.growthRuleForm.obtainMode == 4">
          <el-form>
            <el-radio-group v-model="costRadio">
              <el-form-item required>
                <el-radio label="3" :disabled="checkRadioDis" class="mr60 mb30">每充值赠送</el-radio>
                <el-radio label="6" :disabled="checkRadioDis" class="mb30">阶梯充值赠送</el-radio>
                <el-form-item class="everyCostHandleSel mb30" v-if="this.costRadio == 3">
                  <div class="w90">
                    <span style="color:red">*</span>
                    <span class="labelText">每充值：</span>
                  </div>
                  <el-input
                    placeholder="输入数字"
                    v-model="growthRuleForm.consumeMoney "
                    maxlength="5"
                    :disabled="detailDis"
                    class="w326"
                  ></el-input>
                  <span class="labelText">&nbsp;元，赠送</span>
                  <el-input
                    placeholder="输入数字"
                    v-model="growthRuleForm.giveGrowthVal"
                    maxlength="5"
                    :disabled="detailDis"
                    class="w326"
                  ></el-input>
                  <span class="labelText">成长值</span>
                </el-form-item>
              </el-form-item>
              <el-form-item required>
                <el-form-item class="everyCostHandleSel" v-if="this.costRadio == 6">
                  <div
                    v-for="(item,index) in growthRuleForm.costHandleSel"
                    :key="index"
                    class="mb30"
                  >
                    <div class="w90">
                      <span style="color:red">*</span>
                      <span class="labelText">充值：</span>
                    </div>
                    <el-input
                      placeholder="输入数字"
                      v-model="item.consumeMoney"
                      maxlength="5"
                      :disabled="detailDis"
                      class="editDialogInput78"
                    ></el-input>
                    <span class="labelText">元，赠送</span>
                    <el-input
                      placeholder="输入数字"
                      v-model="item.giveGrowthVal"
                      maxlength="5"
                      :disabled="detailDis"
                      class="editDialogInput78"
                    ></el-input>
                    <span class="labelText">成长值</span>
                  </div>
                </el-form-item>
              </el-form-item>
            </el-radio-group>

            <el-form-item required>
              <el-form-item class="everyCostHandleSel w326" prop="giveGrowthMaxNum">
                <span class="labelText w90">每日上限：</span>
                <el-input
                  placeholder="输入数字"
                  v-model="growthRuleForm.giveGrowthMaxNum"
                  maxlength="5"
                  :disabled="detailDis"
                  class="width326"
                ></el-input>
                <span class="labelText">成长值</span>
              </el-form-item>
            </el-form-item>
          </el-form>
        </el-row>
        <el-row v-if="this.growthRuleForm.obtainMode == 5">
          <el-form>
            <el-form-item required>
              <el-form-item class="everyCostHandleSel mb20">
                <span style="color:red">*</span>
                <span class="labelText color333">完成分享，赠送</span>
                <el-input
                  placeholder="输入数字"
                  v-model="growthRuleForm.giveGrowthVal"
                  maxlength="5"
                  :disabled="detailDis"
                  clearable
                  class="w290"
                ></el-input>
                <span class="labelText color333">成长值</span>
              </el-form-item>
            </el-form-item>
            <el-form-item required>
              <el-form-item class="everyCostHandleSel w326">
                <span class="labelText w92 color333">每日上限：</span>
                <el-input
                  placeholder="输入数字"
                  v-model="growthRuleForm.giveGrowthMaxNum"
                  maxlength="5"
                  :disabled="detailDis"
                  clearable
                  class="width326"
                ></el-input>
                <span class="labelText color333">成长值</span>
              </el-form-item>
            </el-form-item>
          </el-form>
        </el-row>
        <el-row v-if="this.growthRuleForm.obtainMode == 6">
          <el-form>
            <el-form-item required>
              <el-form-item class="everyCostHandleSel mb20">
                <span style="color:red">*</span>
                <span class="labelText">完成点赞，赠送</span>
                <el-input
                  placeholder="输入数字"
                  v-model="growthRuleForm.giveGrowthVal"
                  maxlength="5"
                  :disabled="detailDis"
                  clearable
                   class="w326"
                ></el-input>
                <span class="labelText">成长值</span>
              </el-form-item>
            </el-form-item>
            <el-form-item required>
              <el-form-item class="everyCostHandleSel w326">
                <span class="labelText w92">每日上限：</span>
                <el-input
                  placeholder="输入数字"
                  v-model="growthRuleForm.giveGrowthMaxNum"
                  maxlength="5"
                  :disabled="detailDis"
                  clearable
                  class="width326"
                ></el-input>
                <span class="labelText">成长值</span>
              </el-form-item>
            </el-form-item>
          </el-form>
        </el-row>
        <el-row v-if="this.growthRuleForm.obtainMode == 7">
          <el-form>
            <el-form-item required>
              <el-form-item class="everyCostHandleSel mb20">
                <span style="color:red">*</span>
                <span class="labelText">完成晒单，赠送</span>
                <el-input
                  placeholder="输入数字"
                  v-model="growthRuleForm.giveGrowthVal"
                  maxlength="5"
                  :disabled="detailDis"
                  class="w290"
                ></el-input>
                <span class="labelText">成长值</span>
              </el-form-item>
            </el-form-item>
            <el-form-item required>
              <el-form-item class="everyCostHandleSel w326">
                <span class="labelText w92">每日上限：</span>
                <el-input
                  placeholder="输入数字"
                  v-model="growthRuleForm.giveGrowthMaxNum"
                  maxlength="5"
                  :disabled="detailDis"
                  class="width326"
                ></el-input>
                <span class="labelText">成长值</span>
              </el-form-item>
            </el-form-item>
          </el-form>
        </el-row>
        <el-row v-if="this.growthRuleForm.obtainMode == 8">
              <el-form>
                <el-form-item required>
                  <el-row class="mb30">
                    <span class="font16 color000">收藏赠送</span>
                  </el-row>
                  <el-form-item class="everyCostHandleSel mb30">
                    <span style="color:red">*</span>
                    <span>完成收藏，赠送</span>
                    <el-input
                      placeholder="输入数字"
                      v-model="growthRuleForm.giveGrowthVal"
                      @input="growthRuleForm.giveGrowthVal=growthRuleForm.giveGrowthVal.replace(/[^\d.]/g,'')"
                      maxlength="5"
                      class="w326"
                    ></el-input>
                    <span>成长值</span>
                  </el-form-item>
                </el-form-item>
                <el-form-item required>
                  <el-form-item class="everyCostHandleSel mb120">
                    <span class="w115">每日上限：</span>
                    <el-input
                      placeholder="输入数字"
                      v-model="growthRuleForm.giveGrowthMaxNum"
                      @input="growthRuleForm.giveGrowthMaxNum=growthRuleForm.giveGrowthMaxNum.replace(/[^\d.]/g,'')"
                      maxlength="5"
                      class="w326"
                    ></el-input>
                    <span>成长值</span>
                  </el-form-item>
                </el-form-item>
              </el-form>
        </el-row>
        <el-row v-if="this.growthRuleForm.obtainMode > 8">
          <el-form>
            <el-form-item required>
              <el-form-item class="everyCostHandleSel mb20">
                <span style="color:red">*</span>
                <span class="labelText">完成动作获得：</span>
                <el-input
                  placeholder="输入数字"
                  v-model="growthRuleForm.giveGrowthVal"
                  maxlength="5"
                  :disabled="detailDis"
                  clearable
                  class="w290"
                ></el-input>
                <span class="labelText">成长值</span>
              </el-form-item>
            </el-form-item>
            <el-form-item required>
              <el-form-item class="everyCostHandleSel w326">
                <span class="labelText w92">每日上限：</span>
                <el-input
                  placeholder="输入数字"
                  v-model="growthRuleForm.giveGrowthMaxNum"
                  maxlength="5"
                  :disabled="detailDis"
                  clearable
                  class="width326"
                ></el-input>
                <span class="labelText">成长值</span>
              </el-form-item>
            </el-form-item>
          </el-form>
        </el-row>
      </el-form>
      <div  class="t_c">
        <el-button
          :size="size"
          type="primary"
          @click="returnEditList('growthRuleForm')"
          :loading="editLoading"
        >确定</el-button>
      </div>
  </div>
</div>
</template>

<script>
export default {
  data() {
    return {
      id:this.$route.query.id,
      loading:true,
      setRule:true,//文字提示判断是新增还是编辑
      createOrUpdateRuleType:"添加成长值规则",//tab标题
      createOrUpdateSuccess:"创建成功",//tab标题
      acSure: false, //查看确定按钮是否展示
      obtainName: null,
      showStatus: null,
      checkRadioDis: false,
      deptDis: true,
      deptNames: null,
      detailDis: false,
      deptType: 0,
      deptMsg: "",
      editDis: false,
      costRadio: "3",
      whetherPicList: [],
      orderRadio: "3",
      detailShow: true,
      registered: false, //注册赠送
      order: false, //下单赠送
      appraisal: false, //评价赠送
      cost: false, //充值赠送
      share: false, //分享赠送
      goodsLike: false, //点赞赠送
      shareOrder: false, //晒单赠送
      collect: false, //收藏赠送
      customize: false, //自定义赠送
      activeName: "first",
      shopping: false,
      startTime: null,
      endTime: null,
      obtainMode: null,
      childOptions: [],
      ruleNum: null,
      ruleName: null,
      deptId: null,
      status: null,
      consumeMode: null,
      editLoading: false,
      detailShow: true,
      imgUrl: "",
      obtType: null,
      obtainModeList: [
        {obtainMode :"1" ,obtainName:"下单赠送"},
        {obtainMode :"2" ,obtainName:"注册赠送"},
        {obtainMode :"3" ,obtainName:"评价赠送"},
        {obtainMode :"4" ,obtainName:"充值赠送"},
        {obtainMode :"5" ,obtainName:"分享赠送"},
        {obtainMode :"6" ,obtainName:"点赞赠送"},
        {obtainMode :"7",obtainName:"晒单赠送"},
        {obtainMode :"8" ,obtainName:"收藏赠送"},
      ],
      filters: {
        startTime: null,
        endTime: null,
        ruleNum: null,
        ruleName: null,
        deptId: null,
        shopping: null,
        start: 1,
        limit: 10,
      },
      growthRuleForm: {
        id: null,
        status: null,
        ruleNum: null,
        ruleName: null,
        deptId: null,
        ruleType: null,
        obtainMode: null,
        consumeMode: null,
        orderHandleSel: [{ consumeMoney: "", giveGrowthVal: "" }], //阶梯消费x元赠送y成长值
        costHandleSel: [{ consumeMoney: "", giveGrowthVal: "" }], //阶梯充值X元赠送Y成长值
        appGiveGrowthVal: null,
        appGiveGrowthVals: null,
        appGiveGrowthMaxNum: null,
        appGiveGrowthMaxNums: null,
        giveGrowthVal: null,
        giveGrowthMaxNum: null,
        consumeMoney: null,
      },
      //添加校验
      growthRuleForms: {
        ruleName: [
          { required: true, message: "名称不能为空", trigger: "blur" }
        ],
        obtainMode: [
          { required: true, message: "获取方式不能为空", trigger: "blur" }
        ],
        giveGrowthVal: [
          { required: true, message: "请填写成长值规则", trigger: "blur" }
        ]
      },
      addOperate: true, //添加
      totalSize: 0,
      tableData: [],
      growthDialogVisible: false,
      editDialogVisible: false,
      size: "small",
      align: "center",
      titleTips: "",
      howHiddenButton: true
    }
  },
  methods: {
    //返回列表页
    returnEditList(formName) {
      this.$router.push({path:"/Pages/User/MemberGrowthRule"});
    },
     //下拉选则获取方式
    selectModel(id) {
      let this_ = this;
      let obj = {};
      let selectModel = {};
      obj = this_.obtainModeList.find(item => {
        //model就是上面的数据源
        if (item.obtainMode == id) {
          this_.selectModel.obtainMode = id;
          this_.selectModel.ruleName = item.ruleName;
          this_.growthRuleForm.obtainMode=item.obtainMode;
          if (item.obtainMode > 8) {
            this_.obtainName = item.obtainName;
           }
        }
      });
    },
    queryMemberGrowthRule(id){
      let _this = this;
      this.filters.id=this.id;
      this.utils.request.getMemberGrowthRule(this.filters, function(res) {
        if (res.code == "0000") {
          _this.queryMemberGrowth(res.data.rows[0]);
        }
      });
    },
    queryMemberGrowth(row){
      this.titleTips = "查看成长值规则";
      this.acSure = true;
      this.howHiddenButton = false;
      let this_ = this;
      this_.checkRadioDis = true;
      this_.growthRuleForm.deptName = row.deptName;
      this_.growthRuleForm.id = row.id;
      this_.growthRuleForm.ruleType = row.ruleType;
      this_.editDialogVisible = true;
      this.editDis = true;
      this.detailDis = true;
      this.selectModel(row.obtainMode);
      let params = {};
      params.id = row.id;
      params.whetherPic = row.whetherPic;
      this_.growthRuleForm.obtainMode = row.obtainMode;
      this_.growthRuleForm.ruleName = row.ruleName;
      params.obtainMode = row.obtainMode;
      if (row.obtainMode != 1 && row.obtainMode != 4 && row.obtainMode != 3) {
        this_.utils.request.growthActionRule(params, function(res) {
          this_.deptName = res.deptName;
          this_.deptType = res.deptType;
          if (this_.deptType == 0) {
            this_.deptLevel = "母平台";
          } else if (this_.deptType == 1) {
            this_.deptLevel = "子平台";
          } else if (this_.deptType == 2) {
            this_.deptLevel = "商家";
          } else if (this_.deptType == 3) {
            this_.deptLevel = "店铺";
          }
          //调取后台查询业务规则信息
          this_.growthRuleForm.giveGrowthVal = res.giveGrowthVal;
          this_.growthRuleForm.giveGrowthMaxNum = res.giveGrowthMaxNum ==0?"不限":res.giveGrowthMaxNum;
          
        });
      } else if (row.obtainMode == 1 || row.obtainMode == 4) {
        //如果是下单或充值
        this_.utils.request.getRrowthOrderRuleById(params, function(res) {
          this_.deptName = res.data.deptName;
          this_.deptType = res.data.deptType;
          if (this_.deptType == 0) {
            this_.deptLevel = "母平台";
          } else if (this_.deptType == 1) {
            this_.deptLevel = "子平台";
          } else if (this_.deptType == 2) {
            this_.deptLevel = "商家";
          } else if (this_.deptType == 3) {
            this_.deptLevel = "店铺";
          }
          this_.growthRuleForm.giveGrowthMaxNum = res.data.giveGrowthMaxNum ==0?"不限":res.data.giveGrowthMaxNum;
          if (res.data.obtainMode == 1) {
            //如果是下单赠送
            if (res.data.consumeType == 3) {
              this_.orderRadio = res.data.consumeType + "";
              this_.growthRuleForm.consumeMoney = res.data.consumeMoney;
              this_.growthRuleForm.giveGrowthVal = res.data.giveGrowthVal;
            } else {
              this_.orderRadio = res.data.orderHandleSel[0].consumeType + "";
              this_.growthRuleForm.orderHandleSel = [];
              res.data.orderHandleSel.forEach(element => {
                let obj = {};
                (obj.consumeMoney = element.consumeMoney),
                  (obj.giveGrowthVal = element.giveGrowthVal);

                this_.growthRuleForm.orderHandleSel.push(obj);
              });
            }
          } else if (res.data.obtainMode == 4) {
            //如果是充值赠送
            if (res.data.costType == 3) {
              this_.costRadio = res.data.costType + "";
              this_.growthRuleForm.consumeMoney = res.data.consumeMoney;
              this_.growthRuleForm.giveGrowthVal = res.data.giveGrowthVal;
            } else {
              this_.costRadio = res.data.costHandleSel[0].costType + "";
              this_.growthRuleForm.costHandleSel = [];
              res.data.costHandleSel.forEach(element => {
                let obj = {};
                (obj.consumeMoney = element.consumeMoney),
                  (obj.giveGrowthVal = element.giveGrowthVal);
                this_.growthRuleForm.costHandleSel.push(obj);
              });
            }
          }
        });
      } else if (row.obtainMode == 3) {
        //如果是评价赠送
        this_.utils.request.getRrowthOrderRuleById(params, function(res) {
          this_.deptName = res.data.deptName;
          this_.deptType = res.data.deptType;
          if (this_.deptType == 0) {
            this_.deptLevel = "母平台";
          } else if (this_.deptType == 1) {
            this_.deptLevel = "子平台";
          } else if (this_.deptType == 2) {
            this_.deptLevel = "商家";
          } else if (this_.deptType == 3) {
            this_.deptLevel = "店铺";
          }
          if (res.data.whetherPic == 3) {
            this_.$set(this_.whetherPicList, 0, "带图");
            this_.$set(this_.whetherPicList, 1, "不带图");
            this_.growthRuleForm.appGiveGrowthVal = res.data.appGiveGrowthVal;
            this_.growthRuleForm.appGiveGrowthMaxNum = res.data.appGiveGrowthMaxNum ==0?"不限":res.data.appGiveGrowthMaxNum;
            
            this_.growthRuleForm.appGiveGrowthVals = res.data.appGiveGrowthVals;
            this_.growthRuleForm.appGiveGrowthMaxNums =res.data.appGiveGrowthMaxNums ==0?"不限":res.data.appGiveGrowthMaxNums;

          } else if (res.data.whetherPic == 1) {
            this_.$set(this_.whetherPicList, 0, "带图");
            this_.growthRuleForm.appGiveGrowthVal = res.data.giveGrowthVal;
            this_.growthRuleForm.appGiveGrowthMaxNum =res.data.giveGrowthMaxNum ==0?"不限":res.data.giveGrowthMaxNum;

          } else if (res.data.whetherPic == 2) {
            this_.$set(this_.whetherPicList, 1, "不带图");
            this_.growthRuleForm.appGiveGrowthVals = res.data.giveGrowthVal;
            this_.growthRuleForm.appGiveGrowthMaxNums = res.data.giveGrowthMaxNum ==0?"不限":res.data.giveGrowthMaxNum;

          }
        });
      }
    }
  },
  mounted() {
    this.queryMemberGrowthRule();
  }
}
</script>
<style lang="scss" scoped>
.turnInlineBlock{
  display: inline-block;
}
/deep/ .w326{
 width: 326px !important;
}
.mb120{
  margin-bottom: 120px;
}
.mr60{
  margin-right: 60px !important;
}
.page-container-detail {
  padding: 35px 60px 60px !important;
}
.formItemNoMargin {
  margin-bottom: 0 !important;
}
.centerForm {
  text-align: center !important;
}
.overh{
  overflow: hidden;
}
.formItemNoMarginR{
  /deep/ .el-form-item{
    margin-right: 0 !important;
  }
}
.successImg {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
.noMarginL {
  margin-left: 0 !important;
}
.textRed {
  color: red !important;
}
/deep/ .inputWidth200{
  width: 200px !important;
}
//下拉选择框icon对齐
.iconAlignment {
  /deep/ .el-input__icon {
    line-height: 32px !important;
  }
}

/deep/ .el-input__inner   {
  width: 200px !important;
}
/deep/ .el-form-item el-label{
      content: '*';
      color: #F56C6C;
      margin-right: 4px;
}
/deep/ .el-tabs__item.is-disabled{
        color: #333333;
        font-size: 16px;
      }
      /deep/ .el-tabs__item{
        padding: 0 30px;
      }
      /deep/ .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
      .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
      .el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
      .el-tabs--top .el-tabs__item.is-top:nth-child(2){
        padding-left:0
      }
      /deep/ .el-tabs__active-bar{
        height: 4px;
        color: #409EFF;
        border-radius: 2px;
      }
      /deep/ .el-tabs__nav-wrap::after{
        height: 1px ;
      }
      /deep/ .el-tabs__header{
        margin-bottom: 40px !important;
      }
      .pl10{
        padding-left: 10px !important;
      }
      .mb10{
        margin-bottom: 10px !important;
      }
      .pl95{
        padding-left: 95px !important;
      }
      .colorE7{
        color: #E7AA4E !important;
      }
</style>